<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta charset='utf-8'>
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<title>付款</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/base.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/common.css" />
		<script src="${pageContext.request.contextPath }/js/jquery.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.SuperSlide.2.1.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.cookie.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/ajax/ajax.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/ajax/addShoppingCar.js"></script>
		<script type="text/javascript">
		$(function(){
			var stradr = $.cookie('adr');
			var objadr = JSON.parse(stradr);
			console.log(objadr);
			//Object { address: "重庆市巴南区南泉南泉镇白鹤村2组", zq: "200365", 
		//username: "听歌歌", userhpone: "18223648369", proname: "家", 
		//pronum: "5", proprice: "2825", ddnumber: "1530107407477" }
			$('#dprice').html(objadr.proprice);
			$('#dnumber').html('订单号：'+objadr.ddnumber);
			$('#dadr').html('收货地址 '+objadr.address+' '+objadr.zq+'（邮编） '+objadr.username+'（收） '+objadr.userhpone+'');
			$('#dproinfo').html('商品信息     '+objadr.proname+'  X '+objadr.pronum+'');
		})
		</script>
	</head>

	<body>
	<jsp:include page="header.jsp"/>
	<!--navbar star-->
		<div class="navbar clearfix">
			<div class="content clearfix">
				<ul>
					<li class="cur"><a href="${pageContext.request.contextPath }/index.jsp">首页</a></li>
					<li><a href="${pageContext.request.contextPath }/special.jsp">专场</a></li>
					<li><a href="${pageContext.request.contextPath }/mall.jsp">商城</a></li>
					<li><a href="${pageContext.request.contextPath }/artist.jsp">艺术家</a></li>
				</ul>
			</div>
		</div>
		<!--navbar end-->
		<!--Main-wrap-->
		<div class="main-wrap graybg">
			<div class="wrapper pt40 pb40">
				<div class="order-detail-box white-box clearfix">
					<p class="fl icon"> <i class="iconfont">&#xe613;</i></p>
					<div class="fr order-info">
						<div class="line-bot pt20 pb20 clearfix">
							<p class="fl l-suc-info">
								<span class="full-db fs26 darkgray">订单提交成功，应付金额 <em class="orange" id="dprice">999.00</em> 元</span>
								<span class="full-db fs14 lh30">请您尽快完成支付，支付成功后7天内发货，否则订单会被自动取消</span>
							</p>
							<p class="fr r-suc-info tr">
								<span class="full-db fs14 lh30" id="dnumber">订单号： 1151015193720228</span>
								<span class="full-db fs14 lh30"><a href="javascript:" class="detail-show">订单详情<i class="icon"></i></a></span>
							</p>
						</div>
						<div class="order-show pt10">
							<span class="full-db fs14 lh30 darkgray" id="dadr">收货地址     安徽省合肥市蜀山区拓基城市广场 230031（邮编） 孙瑾晨（收） 18056050000</span>
							<span class="full-db fs14 lh30 darkgray" id="dproinfo">商品信息     墙角数枝梅，凌寒独自开  X 1</span>
						</div>
					</div>
				</div>
				<div class="pay-order-style white-box mt20">
					<div class="title line-bot">
						<span class="fs18 darkgray ml40 pl10">选择以下支付方式付款</span>
					</div>
					<div class="pay-cont">
						<form action="">
							<div class="re_charge line-bot pb30 pt30 clearfix">
								<label class="fl fs16 darkgray pt20">账户余额支付</label>
								<a href="javascript:" class="fl check-inline ml10"><span class="fs16 orange">余额：2000.00元</span><em></em></a>
							</div>
							<div class="pay-style line-bot pb30 pt30 clearfix">
								<label class="fl fs16 darkgray">支付平台支付</label>
								<a href="javascript:" class="check-inline check_on ml10"><span><img src="img/cft.jpg"/></span><em></em></a>
								<a href="javascript:" class="check-inline ml10"><span><img src="img/zfb.jpg" /></span><em></em></a>
							</div>
							<div class="bank-check line-bot pt30 pb30 clearfix">
								<label class="fl fs16 darkgray">网银在线支付</label>
								<div class="fl bank-list clearfix">
									<a href="javascript:" class="check-inline ml10 mb10"><span><img src="${pageContext.request.contextPath }/img/bank/zh.jpg"></span><em></em></a>
									<a href="javascript:" class="check-inline ml10 mb10"><span><img src="${pageContext.request.contextPath }/img/bank/gh.jpg"></span><em></em></a>
									<a href="javascript:" class="check-inline ml10 mb10"><span><img src="${pageContext.request.contextPath }/img/bank/jh.jpg"></span><em></em></a>
									<a href="javascript:" class="check-inline ml10 mb10"><span><img src="${pageContext.request.contextPath }/img/bank/chinaback.jpg"></span><em></em></a>
									<a href="javascript:" class="check-inline ml10 mb10"><span><img src="${pageContext.request.contextPath }/img/bank/yz.jpg"></span><em></em></a>
									<a href="javascript:" class="check-inline ml10 mb10"><span><img src="${pageContext.request.contextPath }/img/bank/gf.jpg"></span><em></em></a>
									<a href="javascript:" class="check-inline ml10 mb10"><span><img src="${pageContext.request.contextPath }/img/bank/pf.jpg"></span><em></em></a>
									<a href="javascript:" class="check-inline ml10 mb10"><span><img src="${pageContext.request.contextPath }/img/bank/ms.jpg"></span><em></em></a>
									<a href="javascript:" class="check-inline ml10 mb10"><span><img src="${pageContext.request.contextPath }/img/bank/bh.jpg"></span><em></em></a>
									<a href="javascript:" class="check-inline ml10 mb10"><span><img src="${pageContext.request.contextPath }/img/bank/zx.jpg"></span><em></em></a>
								</div>
							</div>
							<div class="next go-pay pt30 clearfix">
								<input type="button" class="radius3 orange-but fs20" value="立即支付">
							</div>
						</form>
					</div>

				</div>

			</div>
		</div>
		<!--/end-->
<jsp:include page="footer.jsp"/>
	</body>
	<script src="js/other.js" type="text/javascript" ></script>
</html>